<div id="footer">
    <div class="wrapper">
        <ul>
            <li class="footer-icon fi1"><em></em>
                <a herf="#">百强企业 品质保证</a>
            </li>
            <li class="footer-icon fi2"><em></em>
                <a herf="#"> 7天退货 15天换货</a>
            </li>
            <li class="footer-icon fi3"><em></em>
                <a herf="#">48元起免运费</a>
            </li>
            <li class="footer-icon fi4"><em></em>
                <a herf="#">2000家服务店 全国联保</a>
            </li>
        </ul>
        <div class="footer-md">
            <ul>
                <li>
                    <a href="#">购物相关</a>
                </li>
                <li>
                    <a href="#">购物指南</a>
                </li>
                <li>
                    <a href="#">配送方式</a>
                </li>
                <li>
                    <a href="#">支付方式</a>
                </li>
                <li>
                    <a href="#">常见问题</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">保修与退换货</a>
                </li>
                <li>
                    <a href="#">保修政策</a>
                </li>
                <li>
                    <a href="#">退换货政策</a>
                </li>
                <li>
                    <a href="#">保修状态查询</a>
                </li>
                <li>
                    <a href="#">配件防伪查询</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">维修与技术支持</a>
                </li>
                <li>
                    <a href="#">服务店</a>
                </li>
                <li>
                    <a href="#">预约维修</a>
                </li>
                <li>
                    <a href="#">手机寄修</a>
                </li>
                <li>
                    <a href="#">备件价格查询</a>
                </li>
                <li>
                    <a href="#">上门服务</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">特色服务</a>
                </li>
                <li>
                    <a href="#">防伪查询</a>
                </li>
                <li>
                    <a href="#">补购保障</a>
                </li>
                <li>
                    <a href="#">以旧换新</a>
                </li>
                <li>
                    <a href="#">礼品包装</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">公司介绍</a>
                </li>
                <li>
                    <a href="#">华为商城简介</a>
                </li>
                <li>
                    <a href="#">华为零售店</a>
                </li>
                <li>
                    <a href="#">商家中心</a>
                </li>
                <li>
                    <a href="#">意见反馈</a>
                </li>
            </ul>
            <ul>
                <li class="yq">
                    <a href="#">友情链接</a><span class="sp1"></span><span class="sp2"></span>
                </li>
                <li>
                    <div class="yq-box">
                        <ul class="yq-ul">
                            <li></li>
                            <li>
                                <a href="#">华为集团</a>
                            </li>
                            <li>
                                <a href="#">华为CBG官网</a>
                            </li>
                            <li>
                                <a href="#">花粉俱乐部</a>
                            </li>
                            <li>
                                <a href="#">华为云</a>
                            </li>
                            <li>
                                <a href="#">华为应用市场</a>
                            </li>
                        </ul>
                        <ul class="yq-ul">
                            <li></li>
                            <li>
                                <a href="#">华为心声社区</a>
                            </li>
                            <li>
                                <a href="#">华为海洋</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <div class="footer-mdr">
                <span>950805</span>
                <span>7×24小时客服热线（仅收市话费）</span>
                <button> 
                    <em></em>
                    在线客服</button>
                <span class="footer-icon2">关注Vmall：
                    <a href="#"><i class="weixin-app">
                            <img src="../img/weixin.png" alt="">
                        </i>
                    </a>
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                </span>
            </div>
        </div>

    </div>
</div>
<div class="footer-bt">
    <div class="wrapper">
        <div class="footer-btl">
            <a href="#"><img src="../img/hw-logo.png" alt=""></a>

        </div>
        <div class="footer-btr">
            <ul>
                <li>
                    <a href="#">华为集团</a>
                </li>
                <li>
                    <a href="#">华为CBG官网</a>
                </li>
                <li>
                    <a href="#">花粉俱乐部</a>
                </li>
                <li>
                    <a href="#">华为应用市场</a>
                </li>
                <li>
                    <a href="#">EMUI</a>
                </li>
                <li>
                    <a href="#">华为终端云空间</a>
                </li>
                <li>
                    <a href="#">开发者联盟</a>
                </li>
                <li>
                    <a href="#">华为商城手机版</a>
                </li>
                <li>
                    <a href="#">网络地图</a>
                </li>
            </ul>
            <p>
                <a href="#">隐私声明</a>
                <a href="#">服务协议</a>
                <a href="#">COOKIES</a> © 2012-2021 华为终端有限公司 版权所有
                <a href="#"> 粤ICP备19015064号</a>|
                <a href="#">粤公网安备 44190002003939号</a>
            </p>
            <p>增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182</p>
            <p>
                <a href="#">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>| 粤东食药监械经营备20203930
            </p>
        </div>
    </div>

</div>
<script>
    $('.sp1').click(function() {
        $('.sp1').css('backgroundPosition', '-96px 0');
        $('.sp2').css('backgroundPosition', '-66px 0');
        if ($('.sp1').css('backgroundPosition') == '-96px 0px') {
            $('.yq-ul').animate({
                left: 0
            }, 200);
        }
    });
    $('.sp2').click(function() {
        $('.sp2').css('backgroundPosition', '-86px 0');
        $('.sp1').css('backgroundPosition', '-76px 0');
        if ($('.sp2').css('backgroundPosition') == '-86px 0px') {
            $('.yq-ul').animate({
                left: -154
            }, 100);
        }
    });
</script>